<template>
	<view class="nav_outer">
		<!-- 有记录 -->
		<view v-if="show">
			<view>{{ dataList }}</view>
		</view>
		<!-- ------------------ -->
		<!-- 无记录显示 -->
		<view v-else>
			<u-empty
				text="暂无数据"
				icon-size="200"
				icon-color="#0089ff8c"
				color="#c0c4cc"
				mode="history"
				margin-top="330"
			></u-empty>
		</view>
		<view class="safe"></view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			dataList: '',
			show: false,
		}
	},
	onReady() {
		if (this.dataList == '') {
			this.show = false
		} else {
			this.show = true
		}
	},
}
</script>

<style lang="scss">
// .nav_outer {
// 	box-sizing: border-box;
// 	padding-bottom: 68rpx;
// 	padding-bottom: constant(safe-area-inset-bottom);
// 	padding-bottom: env(safe-area-inset-bottom);
// }
.safe {
	height: 0;
	height: constant(safe-area-inset-bottom);
	height: env(safe-area-inset-bottom);
}
</style>